﻿@using Pe.Petecos.Comercial.Presentacion.Resource.Base
@using Pe.Petecos.Comercial.Presentacion.Resource.Ventas
@using Pe.Petecos.Comercial.Presentacion.Resource.Mensaje
@using Pe.Petecos.Comercial.Presentacion.Core.Helpers

@model Pe.Petecos.Comercial.Presentacion.Core.ViewModel.Ventas.AdministrarOrdenCompraRegistroModel

@{
    ViewBag.Title = AdministrarOrdenCompraResource.EtiquetaTituloFormularioRegistro;
}
<div class="content-body">
    <div class="breadcrumbs">
        :: Usted se encuentra en: <span>ORDEN DE COMPRA</span><span class="nivel-bread">/</span><span class="active-view">REGISTRO ORDEN DE COMPRA</span>
    </div>
    <div class="main-colum">
        <!-- wrap -->
        <div class="box-wrap-main">
            <div class="box-wrap-header">
                <div class="pull-left">
                    <div class="title-main">
                        Registro <span>Orden de Compra</span>
                    </div>
                </div>
            </div>
            <div class="box-wrap-body">
                <!-- tab -->
                <div role="tabpanel">
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#cabecera" aria-controls="home" role="tab" data-toggle="tab">ORDEN DE COMPRA</a>
                        </li>
                        <li role="presentation">
                            <a href="#detalle" aria-controls="profile" role="tab" data-toggle="tab">DETALLE</a>
                        </li>
                    </ul>
                    <!-- Tab panes -->
                    <div class="tab-content">

                        <div role="tabpanel" class="tab-pane fade in active" id="cabecera">
                            <!-- registro presupuesto -->
                            <form id="frmFormularioRegistro">
                                <div class="box-form">
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Numero de Orden de Compra</label>
                                                <div>
                                                    <input id="txtFormularioRegistroNumero" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Nombre Evento</label>
                                                <div>
                                                    @if (Request["accion"] == null)
                                                    {
                                                        <input id="txtFormularioRegistroProyecto" type="text" class="form-control" />
                                                    }
                                                    else
                                                    { 
                                                        <input id="txtFormularioRegistroProyecto" type="text" class="form-control" disabled="disabled" />
                                                    }
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Numero Proyecto</label>
                                                <div>
                                                    <input id="txtFormularioRegistroNumeroProyecto" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Moneda</label>
                                                <div>
                                                    @Html.DropDownList("slcFormularioRegistroMonedaProyecto", Model.Monedas, new { id = "slcFormularioRegistroMonedaProyecto", @class = "form-control", disabled = "disabled" })
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Nombre/Razon Social Proveedor</label>
                                                <div>
                                                    @if (Request["accion"] == null)
                                                    {
                                                        <select id="slcFormularioRegistroProveedor" class="form-control" validable="required EtiquetaProveedor">
                                                            <option value="">--Seleccione--</option>
                                                        </select>
                                                    }
                                                    else
                                                    {
                                                        <select id="slcFormularioRegistroProveedor" class="form-control" validable="required EtiquetaProveedor" disabled="disabled">
                                                            <option value="">--Seleccione--</option>
                                                        </select>
                                                    }
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Ruc</label>
                                                <div>
                                                    <input id="txtFormularioRegistroRucProveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Dirección</label>
                                                <div>
                                                    <input id="txtFormularioRegistroDireccionProveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Distrito</label>
                                                <div>
                                                    <input id="txtFormularioRegistroDistritoProveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Telefono 1</label>
                                                <div>
                                                    <input id="txtFormularioRegistroTelefono1Proveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Telefono 2</label>
                                                <div>
                                                    <input id="txtFormularioRegistroTelefono2Proveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Telefono 3</label>
                                                <div>
                                                    <input id="txtFormularioRegistroTelefono3Proveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Contacto</label>
                                                <div>
                                                    <input id="txtFormularioRegistroContactoProveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Email</label>
                                                <div>
                                                    <input id="txtFormularioRegistroCorreoProveedor" type="text" class="form-control" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Moneda</label>
                                                <div>
                                                    @Html.DropDownList("slcFormularioRegistroMoneda", Model.Monedas, new { id = "slcFormularioRegistroMoneda", @class = "form-control", validable = "required EtiquetaMoneda" })
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label>Fecha Entrega</label>
                                                <div>
                                                    <input id="txtFormularioRegistroFechaEntrega" type="text" class="form-control" mask="date" validable="required EtiquetaFechaEntrega" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label>Lugar Entrega</label>
                                                <div>
                                                    <textarea id="txtFormularioRegistroLugar" class="form-control" rows="3" validable="required EtiquetaLugarEntrega"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="form-group">
                                                <label>Observaciones</label>
                                                <div>
                                                    <textarea id="txtFormularioRegistroObservaciones" class="form-control" rows="3" validable="required EtiquetaObservaciones"></textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br />
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <div class="form-group">
                                                <label style="font-weight:bold">FORMA DE PAGO</label>
                                                
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-xs-3">
                                            <div class="form-group">
                                                <label>Adelanto</label>
                                                <div>
                                                    <input id="txtFormularioRegistroAdelanto" type="text" class="form-control" mask="decimal" validable="required EtiquetaAdelanto" />
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3">
                                            <div class="form-group">
                                                <label>Cuotas</label>
                                                <div>
                                                    <input id="txtFormularioRegistroCuota" type="text" class="form-control" mask="integer" validable="required EtiquetaCuota" />
                                                    @*<select id="slcFormularioRegistroNroCuota" class="form-control" validable="required EtiquetaNroCuota">
                                                        <option value="">--Seleccione--</option>
                                                        <option value="1">1</option>
                                                        <option value="2">2</option>
                                                        <option value="3">3</option>
                                                        <option value="4">4</option>
                                                        <option value="5">5</option>
                                                        <option value="6">6</option>
                                                        <option value="7">7</option>
                                                        <option value="8">8</option>
                                                        <option value="9">9</option>
                                                        <option value="10">10</option>
                                                        <option value="11">11</option>
                                                        <option value="12">12</option>
                                                        <option value="13">13</option>
                                                        <option value="14">14</option>
                                                        <option value="15">15</option>
                                                        <option value="16">16</option>
                                                        <option value="17">17</option>
                                                        <option value="18">18</option>
                                                        <option value="19">19</option>
                                                        <option value="20">20</option>
                                                        <option value="21">21</option>
                                                        <option value="22">22</option>
                                                        <option value="23">23</option>
                                                        <option value="24">24</option>                                                        
                                                    </select>*@
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3">
                                            <div class="form-group">
                                                <label>Frecuencia</label>
                                                <div>
                                                    <select id="slcFormularioRegistroFrecuencia" class="form-control" validable="required EtiquetaFrecuencia">
                                                        <option value="">--Seleccione--</option>
                                                        <option value="15">15</option>
                                                        <option value="30">30</option>
                                                        <option value="60">60</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xs-3">
                                            <div class="form-group">
                                                <label>Detraccion</label>
                                                <div>
                                                    <input id="txtFormularioRegistroDetraccion" type="text" class="form-control" mask="decimal" validable="required EtiquetaDetraccion" disabled="disabled" />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                            <!-- registro presupuesto -->
                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="detalle">
                            <div class="grilla-top">
                                <div class="pull-right">
                                    @if (Request["accion"] == null)
                                    {
                                    <button id="btnAgregarArticulo" class="btn-s btn-add">Agregar Item</button>
                                    <button id="btnEliminarArticulo" class="btn-s btn-clean">Eliminar item</button>
                                    }
                                </div>
                            </div>
                            <!-- DataTable -->
                            <div id="divGridDetalleContainer">
                            </div>
                            <br />
                            <table style="width: 100%; margin: 0px !important">
                                <tbody>

                                    <tr>
                                        <td class="sorting_disabled" style="width: 10%;"></td>
                                        <td class="sorting_disabled" style="width: 60%;"></td>
                                        <td class="sorting_disabled" style="width: 10%;"></td>
                                        <td class="sorting_disabled" style="width: 10%;">Sub Total :</td>
                                        <td class="sorting_disabled" style="width: 10%;">
                                            <input id="txtFormularioRegistroSubTotal" type="text" style="text-align: right" class="form-control" readonly="readonly"></td>
                                    </tr>
                                    <tr>
                                        <td class="sorting_disabled" style="width: 10%;"></td>
                                        <td class="sorting_disabled" style="width: 60%;"></td>
                                        <td class="sorting_disabled" style="width: 10%;"></td>
                                        <td class="sorting_disabled" style="width: 10%;">IGV (18%) :</td>
                                        <td class="sorting_disabled" style="width: 10%;">
                                            <input id="txtFormularioRegistroIgv" type="text" style="text-align: right" class="form-control" readonly="readonly"></td>
                                    </tr>
                                    <tr>
                                        <td class="sorting_disabled" style="width: 10%;"></td>
                                        <td class="sorting_disabled" style="width: 60%;"></td>
                                        <td class="sorting_disabled" style="width: 10%;"></td>
                                        <td class="sorting_disabled" style="width: 10%;">Total :</td>
                                        <td class="sorting_disabled" style="width: 10%;">
                                            <input id="txtFormularioRegistroTotal" type="text" style="text-align: right" class="form-control" readonly="readonly"></td>
                                    </tr>
                                </tbody>
                            </table>
                            <!-- Cierra DataTable -->
                        </div>

                    </div>
                </div>
                <!-- cierra tab -->
                <div class="box-acciones">
                    <div class="col-xs-4">
                        <!-- Progress -->
                        @*<div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
                                <span>2%</span>
                            </div>
                        </div>*@
                    </div>
                    <div class="pull-right">
                        <button class="btn-s btn-add" id="btnCopiarRegistro" style="display:none">Copiar</button>
                        <button class="btn-s btn-search" id="btnExportarRegistro" style="display:none">Exportar</button>
                        <button class="btn-s btn-clean" id="btnCancelarRegistro">@GenericoResource.BotonCancelar</button>
                        @if (Request["accion"] == null)
                        {
                            <button class="btn-s btn-add" id="btnAprobarRegistro" style="display: none">@GenericoResource.BotonAprobar</button>
                            <button class="btn-s btn-search" id="btnGrabarRegistro">@GenericoResource.BotonGrabar</button>
                        }
                    </div>
                </div>
            </div>
        </div>
        <!-- cierra wrap -->
    </div>
</div>
<footer class="login inter-foot">
    <div class="row">
        <div class="col-xs-12">
            <p class="pull-left">Corporación Petecos S.A.C. © Todos los derechos reservados 2015</p>
        </div>
    </div>
</footer>

<div id="divProyectoProveedorDetalleContainer">
    <div class="row">
        <div class="col-sm-12" style="text-align: right">
            <button class="btn-s btn-search" id="btnProyectoProveedorDetalleAgregar">Agregar</button>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div id="divGridProyectoProveedorDetalleContainer">
            </div>
        </div>
    </div>
</div>

@section scripts
{
    <script type="text/javascript">
        
        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Model')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Model.OrdenCompra = @(Html.Raw(Json.Encode(Model.OrdenCompra)))

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.Index = '@Url.Action("Index", "AdministrarOrdenCompra", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.Registrar = '@Url.Action("Registrar", "AdministrarOrdenCompra", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.BuscarProyectoDetalle = '@Url.Action("BuscarProyectoDetalle", "AdministrarOrdenCompra", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.BuscarProveedorProyecto = '@Url.Action("BuscarProveedorProyecto", "AdministrarOrdenCompra", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.Copiar = '@Url.Action("Copiar", "AdministrarOrdenCompra", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.Exportar = '@Url.Action("Exportar", "AdministrarOrdenCompra", new { Area = "Ventas" })';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Actions.Aprobar = '@Url.Action("Aprobar", "AdministrarOrdenCompra", new { Area = "Ventas" })';

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarProyecto.Actions.Buscar = '@Url.Action("Buscar", "AdministrarProyecto", new { Area = "Ventas" })';

     
        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaProveedor = 'Razon Social';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaProyecto = 'Proyecto';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaMoneda = 'Medio';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaFechaEntrega = 'Fecha Entrega';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaLugarEntrega = 'Lugar Entrega';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaObservaciones = 'Observaciones';

        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaAdelanto = 'Adelanto';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaCuota = 'Cuotas';
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompraResource.EtiquetaFrecuencia = 'Frecuencia';

        ns('Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoOrdenCompra')
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoOrdenCompra.Generado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoOrdenCompra.Generado)';
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoOrdenCompra.Aprobado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoProyecto.Aprobado)';
        Pe.Petecos.Comercial.Presentacion.Enumerados.EstadoOrdenCompra.Anulado = '@Html.Raw(Pe.Petecos.Comercial.Cross.Core.Constantes.DatosConstantes.EstadoProyecto.Eliminado)';

        ns('Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Hidden')
        Pe.Petecos.Comercial.Presentacion.Ventas.AdministrarOrdenCompra.Hidden.Accion = '@Request["accion"]';
    </script>

    <script type="text/javascript" src="~/Scripts/General/Comun/BusquedaArticuloProveedor/Controller.js"></script>

}